var dataObj = { // 节点
    nodes: [{
            id: "node1", // String，可选，节点的唯一标识
            shape: "rect", // 使用 rect 渲染  样式图形
            x: 40, // Number，必选，节点位置的 x 值
            y: 40, // Number，必选，节点位置的 y 值
            width: 80, // Number，可选，节点大小的 width 值
            height: 40, // Number，可选，节点大小的 height 值
            attrs: {
                //定制样式
                body: {
                    fill: "#2ECC71",
                    stroke: "#000",
                    strokeDasharray: "10,2",
                },
                label: {
                    text: "Hello",
                    fill: "#333",
                    fontSize: 13,
                },
            }, // String，节点标签
        },
        {
            id: "node2", // String，节点的唯一标识
            shape: "ellipse", // 使用 ellipse 渲染  样式图形
            x: 160, // Number，必选，节点位置的 x 值
            y: 180, // Number，必选，节点位置的 y 值
            width: 80, // Number，可选，节点大小的 width 值
            height: 40, // Number，可选，节点大小的 height 值
            label: "world", // String，节点标签
        },
        {
            id: "node3", // String，节点的唯一标识
            x: 280,
            y: 240,
            width: 100,
            height: 40,
            attrs: {
                body: {
                    fill: "#ffafee",
                    stroke: "#000",
                    rx: 16,
                    ry: 16,
                },
                label: {
                    text: "实例",
                    fill: "#333",
                    fontSize: 18,
                    fontWeight: "bold",
                    fontVariant: "small-caps",
                },
            },
        },
        {
            id: "nodeDel", // String，节点的唯一标识
            x: 80,
            y: 140,
            width: 100,
            height: 40,
            attrs: {
                body: {
                    fill: "red",
                    stroke: "#000",
                    rx: 16,
                    ry: 16,
                    event: 'del_me', //自定义事件
                },
                label: {
                    text: "Del Me",
                    fill: "#333",
                    fontSize: 18,
                    fontWeight: "bold",
                    fontVariant: "small-caps",
                },
                image: {
                    event: 'node:delete', //自定义事件
                    xlinkHref: 'trash.png',
                    width: 20,
                    height: 20,
                },
            },
        },
    ],
    // 边
    edges: [{
            source: "node1", // String，必须，起始节点 id
            target: "node2", // String，必须，目标节点 id
            attrs: {
                //定制样式
                line: {
                    stroke: "orange",
                },
            },
        },
        {
            source: "node2", // String，必须，起始节点 id
            target: "node3", // String，必须，目标节点 id
            shape: "double-edge", //修改边的样式
        },
        {
            source: "nodeDel", // String，必须，起始节点 id
            target: "node3", // String，必须，目标节点 id
            shape: "double-edge", //修改边的样式
        },
    ],
};
export default dataObj;